@charset "utf-8";/* CSS Document */
body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}



.news_news{ background:url(news_news.png) no-repeat top center; padding:25px 0; margin-top:-20px; position:relative; z-index:9; overflow:hidden;}
.news_news_left{ float:left; width:50%; text-align:left;}
.news_news_left p{ font-size:24px; color:#ffffff;}
.news_news_left span{ font-size:12px; color:#ffffff; text-transform:uppercase;}
.news_news_right{ float:right; width:50%; text-align:left;}
.news_news_right a{ display:block; width:100%;}
.news_news_right p{ font-size:18px; color:#515151; float:left; line-height:70px;}
.news_news_right span{ font-size:16px; color:#515151; float:right; line-height:70px; }

.pro_index_bg{ padding-bottom:60px; padding-top:52px; clear:both; overflow:hidden;background:url(pro_index_bg.jpg) no-repeat center bottom;position:relative;}
.pro_title{text-align: center; margin-bottom:30px; background:url(pro_title.jpg) no-repeat bottom center;}
.pro_title p{ font-size:32px; color:#343434;}
.pro_title span{ font-size:16px; color:#5a5a5a; line-height:47px;}

.prolist_fl{ margin-bottom:16px; clear:both; overflow:hidden;}
.prolist_fl li{ width:19%; margin:0 0.5% 19px 0.5%; float:left; border:1px solid #cacaca;}
.prolist_fl li a{ line-height:48px; color:#313131; font-size:16px; height:48px; overflow:hidden; display:block; width:100%;}
 
.swiper-containerpro{ margin-bottom:35px; clear:both; overflow:hidden; }
.shop_li_div{ background:#009381; padding:4px; }
.shop_li_div p{ font-size:16px; color:#FFF; line-height:43px; height:43px; overflow:hidden;}
.shop_li_div span{ display:block; width:80px; line-height:20px; border:1px solid #FFF; color:#FFF; margin:0 auto; margin-bottom:13px;}
.swiper-button-prevpro{background: url(pro_left.png) no-repeat;width:70px; height:70px; position:absolute; z-index:99; left:5%; top:55%;}
.swiper-button-nextpro{background: url(pro_right.png) no-repeat; width:70px; height:70px; position:absolute; z-index:99; right:5%; top:55%;}

.pro_more{ clear:both; text-align:left;width:168px; margin:0 auto; }
.pro_more a{ display:block; padding-left:39px; line-height:46px; border:1px solid #cacaca; color:#313131; font-size:16px; background:url(pro_more.jpg) no-repeat right 39px center; }

.about_bg{background:url(about_index.jpg) no-repeat top center #f1f1f1; clear:both; overflow:hidden; padding-bottom:86px;} 
.about_left{ width:47%; text-align:left; padding-top:68px;clear:both; overflow:hidden; height:488px;}
.about_title{ font-size:51px; color:#1a2129; font-weight:bold;}
.about_title_en{font-size:28px; color:#1a2129; font-weight:bold; background:url(about_title.jpg) no-repeat left bottom; line-height:37px; padding-bottom:18px; margin-bottom:23px;}
.about_nr{ font-size:16px; color:#3d3d3e; line-height:28px; margin-bottom:40px;}
.about_left a{width:192px; margin-bottom:10px; line-height:35px; display:block;font-size:18px; color:#FFF; padding-left:35px; border-radius:55px; background: url(about_more.jpg) no-repeat right 35px center #009381;overflow:hidden;}

.about_ul_bg{ background:url(about_ul.png) no-repeat top center;clear:both; padding-bottom:25px; overflow:hidden; margin-top:-86px; z-index:9; position:relative; padding-top:25px;}
.about_ul_left{ float:left; padding-left:30px; }
.about_ul_left p{ font-size:24px; color:#686868;}
.about_ul{ background:url(about_ul_right.jpg) no-repeat left center; float:right; width:78%;}
.about_ul li{ float:left; width:20%; text-align:center; background:url(about_ul_li.jpg) no-repeat left center;}
.about_ul_bg img{ width:auto; max-width:100%; margin-bottom:7px;}
.about_ul li p{ color:#525252; font-size:16px; line-height:22px;  }

.chengnuo_bg{ background: url(chengnuo_bg.jpg) no-repeat bottom center; padding-top:57px;}
.chengnuo_title01{ font-size:50px; color:#000000; text-align:center;}
.chengnuo_title01 span{ color:#009381; font-size:75px;}
.chengnuo_title02{ font-size:18px; color:#747474; text-align:center;}
.chengnuo_index{ padding-top:43px; padding-bottom:55px; overflow:hidden; text-align:left;}
.chengnuo_index img{ width:auto; max-width:100%; }
.chengnuo_div{ clear:both; overflow:hidden;}
.chengnuo_div div{width:48%; margin-top:5%; padding-left:71px;}
.chengnuo01 div{ float:left;  background: url(cnuo_01.png) no-repeat left top;}
.chengnuo01 img{ float:right;}
.chengnuo02 div{ float:right; background: url(cnuo_02.png) no-repeat left top;}
.chengnuo02 img{ float:left;}
.chengnuo03 div{ float:left;  background: url(cnuo_03.png) no-repeat left top;}
.chengnuo03 img{ float:right;}
.chengnuo_t{ font-size:32px; color:#333333;}
.chengnuo_en{ color:#cccccc; font-size:12px; background:url(cnuotitle.jpg) no-repeat bottom left; width:100%; text-transform:uppercase; padding-bottom:20px; margin-bottom:10px;  }
.chengnuo_d{ font-size:14px; color:#666666; line-height:27px; margin-right:60px;}

.liuyan_bg{ clear:both; overflow:hidden; background: url(liuyan_home.png) no-repeat top center; margin-top:-32px;}

.liuyan_index{ width:340px; float:right; text-align:left; padding-top:65px; padding-bottom:78px;  }
.liuyan_title{ font-size:26px; color:#ffffff; line-height:44px; margin-bottom:7px;}
.liuyan_title span{ font-size:16px; color:#ffffff; text-transform:uppercase;}
#name_pg{ margin-bottom:11px; padding-left:55px; background:url(liuyan_name.png) no-repeat left center #FFF; font-size:14px; color:#bababa; line-height:42px; height:42px;} 
#add_pg{ margin-bottom:11px; padding-left:55px; background:url(liuyan_add.png) no-repeat left center #FFF; font-size:14px; color:#bababa; line-height:42px; height:42px;} 
#tel_pg{ margin-bottom:11px; padding-left:55px; background:url(liuyan_dh.png) no-repeat left center #FFF; font-size:14px; color:#bababa; line-height:42px; height:42px;} 
.tijiao_in{ color:#FFF; font-size:20px; background:#222222; line-height:50px; width:100%; border-radius:5px;}




.news_bg{ padding-top:66px; clear:both; overflow:hidden; padding-bottom:45px; border-bottom:1px solid #cccccc;}
.news_title{ margin-bottom:48px; text-align:left; overflow:hidden;} 
.news_title p{ float:left; padding:0 22px; line-height:49px; background:#545454; font-size:18px; color:#ffffff;}
.news_title span{ font-size:18px; color:#383838; line-height:49px; margin-left:10px; text-transform:uppercase;}
.news_title a{ float:right;font-size:16px; color:#383838; line-height:49px;}
.news_title a:hover{ color:#F00;}
.news_title p:hover{ background:#e60012;}
.news_index{ margin-bottom:15px;}
.news_ul{ margin-top:25px;}
.news_ul li{ clear:both; border-bottom:1px solid #f0f0f0; line-height:41px; overflow:hidden;}
.news_ul li a{ display:block;}
.news_ul li p{ float:left; font-size:14px; color:#767676;}
.news_ul li span{ float:right; color:#333333; font-size:14px;}
.news_faq{}
.news_faq li{ margin-bottom:10px; border-bottom:1px solid #f0f0f0; padding-bottom:10px; text-align:left; }
.news_faq p{ font-size:14px; color:#545454; background:url(faq_w.jpg) no-repeat left center; line-height:25px; padding-left:37px; margin-bottom:10px; height:25px; overflow:hidden;}
.news_faq span{ font-size:14px; color:#919191; display:block; line-height:25px; background:url(faq_a.jpg) no-repeat top left;padding-left:37px; height:50px; overflow:hidden;}

.hzhb_index_bg{  margin-bottom:35px;clear:both; overflow:hidden; padding-top:40px;position:relative;}
.hzhb_title{ font-size:36px; color:#35313a; text-align:left; line-height:66px; margin-bottom:25px;}
.hzhb_title span{ font-size:21px; color:#5f5f5f; text-transform:uppercase; margin-left:15px;}
.swiper-containerhzhb{ clear:both; overflow:hidden; }
.hzhb_home{}
.hzhb_home img{ border:1px solid #e1e1e1; background:#f5f5f5; padding:4px;  }
.hzhb_home p{ font-size:14px; color:#4d4d4d; line-height:42px;}

.swiper-button-prevhzhb{background: url(hzhb_left.png) no-repeat;width:15px; height:26px; position:absolute; z-index:99; left:5%;  top:170px;}
.swiper-button-nexthzhb{background: url(hzhb_right.png) no-repeat; width:15px; height:26px; position:absolute; z-index:99; right:5%; top:170px;}

.foot_index_bg{ background:url(foot_bg.jpg) no-repeat top center #202326; clear:both; overflow:hidden; padding-top:80px;}
.foot_left{ float:left; text-align:left; width:25%; padding-top:30px; }
.foot_left img{ width:auto; margin-bottom:28px; max-width:100%;}
.foot_left p{ color:#ffffff; font-size:14px;}
.foot_right{ width:68%; float:right; margin-bottom:25px;}
.foot_right ul{ text-align:left; background:url(foot_t.jpg) no-repeat top left;}
.foot_right ul p{ font-size:18px; color:#ffffff; font-weight:bold; line-height:77px;}
.foot_right ul li a{ font-size:15px; color:#a9a9a9; line-height:32px; } 
.foot_right ul li{ font-size:15px; color:#a9a9a9; line-height:32px;  } 
.foot03 li{ max-width:270px;}
.foot03 span{ font-size:40px; color:#FFF; font-weight:bold; line-height:70px; display:block; }
.foot03 a{ font-size:15px; color:#f49505; background:url(news_ju.png) no-repeat right center; padding-right:24px; }

.footer_index{ clear:both; padding:15px; border-top: 1px solid #393c3e;}
.footer_index img{ width:auto;}
.footer_index p{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index a{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index span{ color:#FFF; font-size:14px; line-height:25px;}



@media (max-width:1200px) { 
.news_news_right span{ display:none;}
.about_ul li h2{ font-size:60px;}
.about_ul04 div em{font-size:60px; }
.about_ul04 div{ width:auto;}
.right_text_p{ display:none;}
.swiper-button-prevpro{ left:10px;}
.swiper-button-nextpro{ right:10px;}
.liuyan_bg{ display:none;} 


 }

@media (max-width:1000px) { 
.about_ul li{ padding:0 1%;}
.about_ul li h2{ font-size:40px; line-height:60px;}
.about_ul04 div em{font-size:40px; line-height:60px; }
.about_ul01 div em{ margin-top:35px; }
.about_ul02 div em{ margin-top:35px; }
.about_ul_bg{ background-size: cover;  }
.news_news{ display:none;}
.swiper-button-prevpro{ display:none;}
.swiper-button-nextpro{ display:none;}
.swiper-button-prevhzhb{display:none;}
.swiper-button-nexthzhb{display:none;}
.prolist_fl li{ width:24%;}
.about_ul_left{ display:none;}
.about_ul{ width:100%; background: none;}
.about_ul01{ background:none !important;}
.about_left{ width:50%; padding-top:20px; height:auto;}
.about_nr{ margin-bottom:15px;}
.chengnuo_index img{ width:50%;}
.chengnuo_d{ margin-right:10px;}
.chengnuo_div{ margin-bottom:20px;}
.foot_left{ width:100%; display:none;}
.foot_right{ width:100%;}

 }

@media (max-width:767px) { 
.about_left a{ margin-bottom:0px;}
.about_left{ padding-top:15px; width:100%;}
.about_bg{ background:#f5f5f5;}
.prolist_fl li{ width:32%;}
.chengnuo_index img{ display:none;}
.chengnuo_div div{ width:100%;margin-top:0;}
.chengnuo_title01{ font-size:32px;}
.chengnuo_title01 span{ font-size:45px;}
.chengnuo_bg{ padding-top:30px;}
 }

  
 @media (max-width:425px) { 
.about_title{ font-size:40px;}
.prolist_fl li{ width:48%; margin:0 1% 19px 1%;}
.about_bg{ padding-bottom:30px;}
.about_ul_bg{ display:none; }
.pro_title span{ line-height:23px; padding:10px 0px; }
.chengnuo_title01{ font-size:26px;}
.chengnuo_title01 span{ font-size:38px;}
.chengnuo_t{ font-size:25px;}
.news_title{ margin-bottom:24px;}
.hzhb_title span{ display:none;}
.hzhb_title{ text-align:center; font-size:25px; margin-bottom:0px;  }
.hzhb_index_bg{ margin-bottom:15px; padding-top:20px;}
.news_bg .container{ padding-left:0px; padding-right:0px;}

 }